html.dark {
  // 统一背景色
  background-color: #0A1015;

  // Element Plus 表格深色模式样式
  .el-table {
    // 表格背景色统一
    --el-table-bg-color: transparent;
    --el-table-tr-bg-color: transparent;
    --el-table-header-bg-color: transparent;
    background-color: transparent;
    --el-table-border-color: rgba(255, 255, 255, 0.12);
    --el-table-text-color: rgba(255, 255, 255, 0.85);
    --el-table-header-text-color: rgba(255, 255, 255, 0.95);
    --el-table-row-hover-bg-color: rgba(255, 255, 255, 0.05);
    
    // 表格边框
    &.el-table--border,
    &::before,
    &::after {
      background-color: rgba(255, 255, 255, 0.12);
    }

    // 表头样式
    .el-table__header {
      th.el-table__cell {
        background-color: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        border-right: 1px solid rgba(255, 255, 255, 0.12);
        
        .cell {
          color: rgba(255, 255, 255, 0.95);
          font-weight: 500;
        }
      }
    }

    // 表头分割线
    .el-table__header-wrapper {
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    // 单元格样式
    td.el-table__cell {
      background-color: transparent;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      border-right: 1px solid rgba(255, 255, 255, 0.12);
      
      .cell {
        color: rgba(255, 255, 255, 0.85);
      }
    }

    // 斑马纹
    tr.el-table__row--striped td {
      background-color: rgba(255, 255, 255, 0.02);
    }

    // 空数据
    .el-table__empty-block {
      background-color: transparent;
      
      .el-table__empty-text {
        color: rgba(255, 255, 255, 0.65);
      }
    }

    // 悬浮样式
    tr.el-table__row {
      &:hover {
        td.el-table__cell {
          background-color: rgba(255, 255, 255, 0.05) !important;
        }
      }
    }

    // 选中行样式
    tr.current-row {
      td.el-table__cell {
        background-color: rgba(64, 158, 255, 0.1) !important;
      }

      &:hover td.el-table__cell {
        background-color: rgba(64, 158, 255, 0.15) !important;
      }
    }
  }

  // 分页器样式优化
  .el-pagination {
    background-color: transparent;
    margin-top: 16px;
    color: rgba(255, 255, 255, 0.85);
    padding: 16px 0;

    .btn-prev,
    .btn-next,
    .el-pager li {
      background-color: transparent;
      color: rgba(255, 255, 255, 0.85);
      border: 1px solid rgba(255, 255, 255, 0.12);

      &:hover:not(.is-disabled):not(.is-active) {
        background-color: rgba(255, 255, 255, 0.05);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.3);
      }

      &.is-active {
        background-color: var(--el-color-primary);
        color: #fff;
        border-color: var(--el-color-primary);
      }

      &.is-disabled {
        background-color: transparent;
        color: rgba(255, 255, 255, 0.3);
        border-color: rgba(255, 255, 255, 0.12);
      }
    }

    // 分页器下拉框样式
    .el-select {
      .el-input {
        .el-input__wrapper {
          background-color: transparent;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);

          &:hover {
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
          }
        }

        .el-input__inner {
          color: rgba(255, 255, 255, 0.85);
        }
      }
    }

    // 跳转文字和输入框
    .el-pagination__jump {
      color: rgba(255, 255, 255, 0.85);
      
      .el-input {
        .el-input__wrapper {
          background-color: transparent;
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);

          &:hover {
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
          }
        }

        .el-input__inner {
          color: rgba(255, 255, 255, 0.85);
        }
      }
    }

    // 总数和每页显示数量
    .el-pagination__total,
    .el-pagination__sizes {
      color: rgba(255, 255, 255, 0.85);
    }
  }

  // 搜索区域和工具栏背景色统一
  .search-area,
  .table-header {
    background-color: #0A1015;
  }

  // 工具栏样式
  .table-header {
    border-color: rgba(255, 255, 255, 0.12);

    .el-button {
      &:not(:hover) {
        background-color: transparent;
        border-color: #303030;
        color: rgba(255, 255, 255, 0.82);
      }

      &:hover {
        background-color: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.3);
        color: #fff;
      }
    }
  }
} 